<template>
  <div>
    <a-layout-content
      :style="{
        margin: '24px 16px',
        padding: '0 12px',
        background: '#fff',
        minHeight: '280px',
      }"
    >
    <a-tabs default-active-key="1">
    <a-tab-pane key="1">
      <span slot="tab">
        <a-icon type="bar-chart" />
        运营信息
      </span>
      内容1
    </a-tab-pane>
    <a-tab-pane key="2">
      <span slot="tab">
        <a-icon type="setting" />
        网站设置
      </span>
      <SettingInfo></SettingInfo>
    </a-tab-pane>
    <a-tab-pane key="3">
      <span slot="tab">
        <a-icon type="user" />
        账号设置
      </span>
      <div><UserInfo></UserInfo></div>
    </a-tab-pane>
  </a-tabs>
    </a-layout-content>
  </div>
</template>

<script>
import UserInfo from '@/components/admin/UserInfo'
import SettingInfo from '@/components/admin/SettingInfo'
export default {
  name: "Home",
  components:{
    UserInfo,SettingInfo
  },
  data() {
    return {
      current: ["mail"],
      openKeys: ["sub1"],
    };
  },
  watch: {
    openKeys(val) {
      console.log("openKeys", val);
    },
  },
  methods: {
    handleClick(e) {
      console.log("click", e);
    },
    titleClick(e) {
      console.log("titleClick", e);
    },
  },
};
</script>

<style>
</style>